<div id="topElement" tabindex="-1" style="outline:none;" class="header_section">
    <div class="container">
        <nav class="navbar navbar-expand-lg navbar-light bg-light">
            <a class="navbar-brand" href="index.html"><img src="assets/logo.png"></a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item active">
                        <a class="nav-link" href="index.html">首页</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="关于我们/index.html">关于我们</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="coffees.html">产品</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="shop.html">商店</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="blog.html">动态</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="contact.html">联系我们</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="smart-farming">智慧农业</a>
                    </li>
                </ul>
                <form class="form-inline my-2 my-lg-0">
                    <div class="login_bt">
                        <ul>
                            <li><a href="登录/index.html"><span class="user_icon"><i class="fa fa-user"
                                            aria-hidden="true"></i></span>欢迎</a></li>
                        <li>
                            <div id="morphsearch" class="morphsearch">
                                <form class="morphsearch-form">
                                    <input class="morphsearch-input" type="search" placeholder="(⊙o⊙)？" />
                                    <!-- <button class="morphsearch-submit" type="submit">Search</button> -->
                                </form>
                                <div class="morphsearch-content">
                                    <div class="dummy-column">
                                        <h2>植物苗</h2>
                                        <a class="dummy-media-object" href="#">
                                            <img class="round" src="assets/img-1.png" alt="Sara Soueidan" />
                                            <h3>草莓苗</h3>
                                        </a>
                                        <a class="dummy-media-object" href="#">
                                            <img class="round" src="assets/img-2.png" alt="Rachel Smith" />
                                            <h3>蓝莓</h3>
                                        </a>
                                        <a class="dummy-media-object" href="#">
                                            <img class="round" src="assets/img-3.png" alt="Peter Finlan" />
                                            <h3>圣女果</h3>
                                        </a>
                                        <a class="dummy-media-object" href="#">
                                            <img class="round" src="assets/img-4.png" alt="Patrick Cox" />
                                            <h3>兰花</h3>
                                        </a>
                                    </div> <!-- /dummy-column -->
                                    <div class="dummy-column">
                                        <h2>机械</h2>
                                        <a class="dummy-media-object" href="#">
                                            <img src="assets/img-5.png" alt="colpick-jQuery颜色选择器插件" />
                                            <h3>自动灌溉装置</h3>
                                        </a>
                                        <a class="dummy-media-object" href="#">
                                            <img src="assets/img-6.png" alt="jquery和css3方向感知鼠标滑过图片遮罩效果" />
                                            <h3>自动采摘机械臂</h3>
                                        </a>
                                        <a class="dummy-media-object" href="#">
                                            <img src="assets/img-7.png" alt="jQuery炫酷3d画廊" />
                                            <h3>自动运输小车</h3>
                                        </a>
                                        <a class="dummy-media-object" href="#">
                                            <img src="assets/img-8.png" alt="炫酷jQuery鼠标滑过图片3d折叠效果" />
                                            <h3>数据采集装置</h3>
                                        </a>
                                    </div> <!-- /dummy-column -->
                                    <div class="dummy-column">
                                        <h2>其他</h2>
                                        <a class="dummy-media-object" href="#">
                                            <img src="assets/img-9.png" alt="html5 svg动感摇摆页面切换效果" />
                                            <h3>可视化管理中心</h3>
                                        </a>
                                        <a class="dummy-media-object" href="#">
                                            <img src="assets/img-10.png" alt="制作HTML5 SVG页面预加载效果" />
                                            <h3>农业助手“落禾”</h3>
                                        </a>
                                    </div> <!-- /dummy-column -->
                                </div> <!-- /morphsearch-content -->
                                <span class="morphsearch-close"></span>
                            </div> <!-- /morphsearch -->
                        </li>

                        </ul>
                    </div>
                </form>
            </div>
        </nav>
    </div>
    <!-- banner section start -->
    <div class="banner_section layout_padding">
        <div class="container">
            <div id="banner_slider" class="carousel slide" data-ride="carousel">
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="banner_taital_main">
                                    <h1 class="banner_taital">作物 <br>购买</h1>
                                    <p class="banner_text">================>更健康的选择</p>
                                    <div class="btn_main">
                                        <div class="about_bt active"><a href="#">了解更多</a></div>
                                        <div class="callnow_bt"><a href="#">立即购买</a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="carousel-item">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="banner_taital_main">
                                    <h1 class="banner_taital">产品<br>购买</h1>
                                    <p class="banner_text">================>更先进的机械 </p>
                                    <div class="btn_main">
                                        <div class="about_bt active"><a href="#">了解更多</a></div>
                                        <div class="callnow_bt"><a href="#">立即购买</a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="carousel-item">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="banner_taital_main">
                                    <h1 class="banner_taital">自动化 <br>服务</h1>
                                    <p class="banner_text">================>更智慧的选择 </p>
                                    <div class="btn_main">
                                        <div class="about_bt active"><a href="#">了解更多</a></div>
                                        <div class="callnow_bt"><a href="#">立即选择</a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <a class="carousel-control-prev" href="#banner_slider" role="button" data-slide="prev">
                    <i class="fa fa-arrow-left"></i>
                </a>
                <a class="carousel-control-next" href="#banner_slider" role="button" data-slide="next">
                    <i class="fa fa-arrow-right"></i>
                </a>
            </div>
        </div>
    </div>
    <!-- banner section end -->
</div>
<!-- header section end -->
<!-- about section start -->
<div class="about_section layout_padding">
    <div class="container">
        <div class="about_section_2">
            <div class="row">
                <div class="col-md-6">
                    <div class="about_taital_box">
                        <h1 class="about_taital">商店</h1>
                        <h1 class="about_taital_1">田间地头，一站式采购</h1>
                        <p class=" about_text">
                            大地是您的画布，而我们的工具就是您的画笔。在这里，每一颗种子都带着春天的希望，每一把工具都铸就秋天的丰收。我们深知土地对您的重要性，因此精选每一件产品，确保它们都如同老朋友般可靠。
                        </p>
                        <div class="readmore_btn"><a href="#">点此进入</a></div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="image_iman"><img src="assets/about-img.png" class="about_img"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- about section end -->
<!-- coffee section start -->
<div class="coffee_section layout_padding">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h1 class="coffee_taital">我们的产品</h1>
            </div>
        </div>
    </div>
    <div class="coffee_section_2">
        <div id="main_slider" class="carousel slide" data-ride="carousel">
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-lg-3 col-md-6">
                                <div class="coffee_img"><img src="assets/img-1.png"></div>
                                <div class="coffee_box">
                                    <h3 class="types_text">草莓苗</h3>
                                    <p class="looking_text">自然甜蜜，源自科技的纯净</p>
                                    <div class="read_bt"><a href="#">了解更多</a></div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6">
                                <div class="coffee_img"><img src="assets/img-2.png"></div>
                                <div class="coffee_box">
                                    <h3 class="types_text">蓝莓</h3>
                                    <p class="looking_text">每一颗都富含健康，智能种植的完美果实</p>
                                    <div class="read_bt"><a href="#">了解更多</a></div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6">
                                <div class="coffee_img"><img src="assets/img-3.png"></div>
                                <div class="coffee_box">
                                    <h3 class="types_text">圣女果</h3>
                                    <p class="looking_text">小果实，大营养 — 生态智能种植</p>
                                    <div class="read_bt"><a href="#">了解更多</a></div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6">
                                <div class="coffee_img"><img src="assets/img-4.png"></div>
                                <div class="coffee_box">
                                    <h3 class="types_text">兰花</h3>
                                    <p class="looking_text">绽放科技之美，一朵兰花的静谧岁月</p>
                                    <div class="read_bt"><a href="#">了解更多</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-item">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-lg-3 col-md-6">
                                <div class="coffee_img"><img src="assets/img-5.png"></div>
                                <div class="coffee_box">
                                    <h3 class="types_text">自动灌溉</h3>
                                    <p class="looking_text">田间智慧新体验，精准滴水，一滴不漏</p>
                                    <div class="read_bt"><a href="#">了解更多</a></div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6">
                                <div class="coffee_img"><img src="assets/img-6.png"></div>
                                <div class="coffee_box">
                                    <h3 class="types_text">自动采摘</h3>
                                    <p class="looking_text">自动采集，无所不知，无所不晓</p>
                                    <div class="read_bt"><a href="#">了解更多</a></div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6">
                                <div class="coffee_img"><img src="assets/img-7.png"></div>
                                <div class="coffee_box">
                                    <h3 class="types_text">自动运输</h3>
                                    <p class="looking_text">自动运输，快速安全，时刻准备</p>
                                    <div class="read_bt"><a href="#">了解更多</a></div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6">
                                <div class="coffee_img"><img src="assets/img-8.png"></div>
                                <div class="coffee_box">
                                    <h3 class="types_text">数据采集</h3>
                                    <p class="looking_text">精确管理，让每一份数据转化为收成</p>
                                    <div class="read_bt"><a href="#">了解更多</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-item">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-lg-3 col-md-6">
                                <div class="coffee_img"><img src="assets/img-9.png"></div>
                                <div class="coffee_box">
                                    <h3 class="types_text">可视化管理中心</h3>
                                    <p class="looking_text">见微知著，从数据到决策——智能可视化平台</p>
                                    <div class="read_bt"><a href="#">了解更多</a></div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6">
                                <div class="coffee_img"><img src="assets/img-10.png"></div>
                                <div class="coffee_box">
                                    <h3 class="types_text">农业助手“落禾”</h3>
                                    <p class="looking_text">属于你的农业百科全书</p>
                                    <div class="read_bt"><a href="#">了解更多</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <a class="carousel-control-prev" href="#main_slider" role="button" data-slide="prev">
                <i class="fa fa-arrow-left"></i>
            </a>
            <a class="carousel-control-next" href="#main_slider" role="button" data-slide="next">
                <i class="fa fa-arrow-right"></i>
            </a>
        </div>
    </div>
</div>
<!-- coffee section end -->
<!-- client section start -->
<div class="client_section layout_padding">
    <div class="container">
        <div id="custom_slider" class="carousel slide" data-ride="carousel">
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <div class="row">
                        <div class="col-md-12">
                            <h1 class="about_taital">客户反馈</h1>
                        </div>
                    </div>
                    <div class="client_section_2">
                        <div class="client_taital_main">
                            <div class="client_left">
                                <div class="client_img"><img src="assets/client-imgi1.png"></div>
                            </div>
                            <div class="client_right">
                                <h3 class="moark_text">用户名：一只孤独的鸡</h3>
                                <p class="client_text">
                                    自动灌溉系统真省心。开始用的时候担心会不会太复杂，但实际操作起来挺简单的。最喜欢它根据天气自动调节水量的功能，不用我天天去查看，作物长得也很好。 </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-item">
                    <div class="row">
                        <div class="col-md-12">
                            <h1 class="about_taital">客户反馈</h1>
                        </div>
                    </div>
                    <div class="client_section_2">
                        <div class="client_taital_main">
                            <div class="client_left">
                                <div class="client_img"><img src="assets/client-imgi2.png"></div>
                            </div>
                            <div class="client_right">
                                <h3 class="moark_text">用户名：约翰先生</h3>
                                <p class="client_text">
                                    用了你们的数据采集服务后，对整个农场的管理有了全新的了解。特别是能看到哪些区域需要注意，哪些做得好，帮助我们及时调整策略，效果很明显。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-item">
                    <div class="row">
                        <div class="col-md-12">
                            <h1 class="about_taital">客户反馈</h1>
                        </div>
                    </div>
                    <div class="client_section_2">
                        <div class="client_taital_main">
                            <div class="client_left">
                                <div class="client_img"><img src="assets/client-imgi3.png"></div>
                            </div>
                            <div class="client_right">
                                <h3 class="moark_text">用户名：。。。</h3>
                                <p class="client_text">
                                    自从引入了自动运输系统，我们的物流效率确实提高了。一开始有几次小故障，客服响应还挺快，问题也解决得不错。现在运行很稳定，确实节约了不少人工
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <a class="carousel-control-prev" href="#custom_slider" role="button" data-slide="prev">
                <i class="fa fa-arrow-left"></i>
            </a>
            <a class="carousel-control-next" href="#custom_slider" role="button" data-slide="next">
                <i class="fa fa-arrow-right"></i>
            </a>
        </div>
    </div>
</div>
<!-- client section end -->
<!-- blog section start -->
<div class="blog_section layout_padding">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h1 class="about_taital">最新动态</h1>
            </div>
        </div>
        <div class="blog_section_2">
            <div class="row">
                <div class="col-md-6">
                    <div class="blog_box">
                        <div class="blog_img"><img src="assets/blog-img1.png"></div>
                        <h4 class="date_text">五月四号</h4>
                        <h4 class="prep_text">新型机械臂</h4>
                        <p class="lorem_text">革命性技术突破！我们自豪地介绍全新研发的高精度机械臂 ——
                            XZ-200。该机械臂集成了最先进的机器视觉系统和实时动态反馈控制，使其在执行高精细操作时更加精确。无论是电子组装、精密焊接还是复杂样本处理，XZ-200都能提供无与伦比的效率和精度。探索更多，让您的生产线跃进到自动化的新时代！
                        </p>
                    </div>
                    <div class="read_btn"><a href="#">了解更多</a></div>
                </div>
                <div class="col-md-6">
                    <div class="blog_box">
                        <div class="blog_img"><img src="assets/blog-img2.png"></div>
                        <h4 class="date_text">五月十三号</h4>
                        <h4 class="prep_text">绣球花</h4>
                        <p class="lorem_text">
                            特色新品——蓝宝石绣球花，现已上市！这一品种以其鲜明的蓝色花朵和丰富的绿色叶片赢得了园艺爱好者的喜爱。它的长花期和强大的适应力使其成为任何花园或户外空间的完美补充。现在就让我们帮助您的花园焕发新生，详情请见我们的新品介绍页！
                        </p>
                    </div>
                    <div class="read_btn"><a href="#">了解更多</a></div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- blog section end -->
<!-- contact section start -->
<div class="contact_section layout_padding">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <h1 class="contact_taital">联系我们</h1>
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="contact_section_2">
            <div class="row">
                <div class="col-md-12">
                    <div class="mail_section_1">
                        <input type="text" class="mail_text" placeholder="请输入你的名字" name="请输入你的名字">
                        <input type="text" class="mail_text" placeholder="请输入你的邮箱" name="请输入你的邮箱">
                        <input type="text" class="mail_text" placeholder="请输入你的电话号" name="请输入你的电话号">
                        <textarea class="massage-bt" placeholder="请输入内容" rows="5" id="comment" name="请输入内容"></textarea>
                        <div class="send_bt"><a href="#">发送</a></div>
                    </div>
                </div>
                <div class="map_main">
                    <div class="map-responsive"><iframe src="花哨/index.html" sandbox="allow-same-origin allow-scripts"
                            width="250" height="800" frameborder="0" style="border:0; width: 100%;" tabindex="-1"
                            allowfullscreen=""></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- contact section end -->
<!-- footer section start -->
<div class="footer_section layout_padding margin_top90">
    <div class="container">
        <div class="row">
            <div class="location_text">
                <ul>
                    <li>
                        <a href="../index.html">【首页】</a>
                        <a href="../index.html">【产品】</a>
                        <a href="../index.html">【商店】</a>
                        <a href="../index.html">【动态】</a>
                        <a href="../index.html">【联系我们】</a>
                        <a href="../index.html">【智慧农业】</a>
                        <br>
                        <i class="fa fa-phone" aria-hidden="true"></i><span class="padding_left_10">+86
                            19853116755</span>
                        <i class="fa fa-envelope" aria-hidden="true"></i><span
                            class="padding_left_10">yzgjiujiu994&#64;gmail.com</span>
                    </li>
                </ul>
            </div>
            <div class="form-group">
                <textarea class="update_mail" placeholder="请输入你的邮箱" rows="5" id="comment" name="请输入你的邮箱"></textarea>
                <div class="subscribe_bt"><a href="#"><i class="fa fa-arrow-right" aria-hidden="true"></i></a></div>
            </div>
        </div>
    </div>
    <script src="index.js"></script>